<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PS切图实战</title><br>
<style>
	/* CSS reset start */
 	*{ margin : 0; padding :0; }
 	li{ list-style : none; }
 	a{ text-decoration : none; }
 	img{ vertical-align : top; }
 	/* CSS reset end */
	 	.main{ width : 310px; height : auto; border: 1px #d7d7d7 solid;
    	       padding:15px 23px 15px 23px; }
 	.list{ font-size : 12px; line-height : 33px; }
	.list li{ background : url(point.png) no-repeat 0 center;
	             	   padding-left : 9px; }
 	.list a{ color : #666279; }
	.clear : after{ clear : both; content : ""; display : block; }
	.title{ line-height : 41px; }
	.title h2{ font-size : 18px; float : left; }
.title a{ font-size : 12px; color : #ff5314; float : right; }
.banner{ margin-bottom : 8px; }

 </style>
</head>
<body>
 <div class="main">
	 		<div class="title clear">
 			<h2>千锋动态</h2>
 			<a href="#">更多>></a>
		</div>
 		<div class="banner">
	 			<img src="banner.jpg">
 		</div>
	 		<ul class="list">
 			<li>
	 				<a href="#">测试文字测试文字测试文字1</a>
	 			</li>
 			<li>
	 				<a href="#">测试文字测试文字测试文字2</a>
 			</li>
 			<li>
	 				<a href="#">测试文字测试文字测试文字3</a>
 			</li>
	 			<li>
	 				<a href="#">测试文字测试文字测试文字4</a>
 			</li>
	 		</ul>
 	</div>
</body>
</html>
